<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport"
		content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,minimal-ui" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="apple-mobile-web-app-title" content="仙王的日常">
	<meta name="format-detection" content="telphone=no, email=no" />
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="HandheldFriendly" content="true">
	<meta name="MobileOptimized" content="320">
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<meta name="screen-orientation" content="portrait">
	<meta name="browsermode" content="application">
	<meta name="full-screen" content="yes">
	<meta name="x5-orientation" content="portrait">
	<meta name="x5-fullscreen" content="true">
	<meta name="x5-page-mode" content="app">
	<title>邀请好友</title>
	<link rel="stylesheet" type="text/css" href="../css/public.css" />
	<link rel="stylesheet" type="text/css" href="../css/inviteFriends.css" />
</head>

<body>
	<div class="zone">
		<div class="main">
			<div class="list">
				<a id="tuiguang">
					<span>推广链接</span>
					<img src="http://img.qunx.top/xianwang/public/arrow.png" alt="">
				</a>
				<a href="promotionPoster.html">
					<span>推广海报</span>
					<img src="http://img.qunx.top/xianwang/public/arrow.png" alt="">
				</a>
			</div>
		</div>

		<!-- 推广链接 -->
		<div class="modal modal-rule" id="modal-rule">
			<div class="modal-mask"></div>
			<div class="modal-bodyrule">
				<img class="close-modal" id="close-modal" src="http://img.qunx.top/xianwang/home/cha.png" alt="">
				<p class="ruletitle">推广链接</p>
				<p class="rule-p">《仙王的日常》全新工资模式，推广收益拉满，0投升级送千米人人可领，最良心撸米产品！点击链接即刻开撸</p>
				<div class="btn" id="copy">复制链接</div>
			</div>
		</div>
	</div>
	<script src="../js/public.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/nav-bar.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/first-tab.js" type="text/javascript" charset="utf-8"></script>
	<script>
		let ele = {}

		ele.modal_rule = $('#modal-rule')
		ele.copyer = $('#copy');
		ele.close_modal = $('#close-modal');
		ele.tuiguang = $('#tuiguang');
		// 打开推广链接
		ele.tuiguang.onclick = () => {
			ele.modal_rule.style.display = 'block'
		}
		ele.close_modal.onclick = () => {
			ele.modal_rule.style.display = 'none'
		}
		//复制推广链接
		let inviteCode = getCookie("invite_code");
		let exclusiveLink = DOMAIN + '/' + inviteCode;
		ele.copyer.onclick = () => {
			let flag = copy(exclusiveLink);
			if (flag) openTips("复制成功");
			else openTips("复制失败，请手动复制");
		};
	</script>
</body>

</html>